.fl,.fr {
	display: inline
}

.banner,.pr {
	position: relative
}

body,dd,dl,form,h1,h2,h3,h4,h5,h6,input,ol,p,select,td,textarea,th,ul {
	margin: 0;
	padding: 0;
	font-family: "微软雅黑","宋体",Arial;
	font-size: 12px
}

li {
	list-style: none
}

img {
	border: none;
	vertical-align: top
}

a {
	color: #333;
	text-decoration: none
}

.footer a,.footer span {
	color: orange;
	float: left
}

.step-2 li a:hover,a:hover {
	text-decoration: underline
}

textarea {
	resize: none;
	overflow: auto
}

input,textarea {
	outline: 0
}

table {
	border-collapse: collapse
}

.fl {
	float: left
}

.fr {
	float: right
}

.clearfix {
	zoom: 1
}

.clearfix:after {
	display: block;
	content: "";
	height: 0;
	clear: both;
	overflow: hidden
}

.w980 {
	width: 980px;
	margin: 0 auto;
	overflow: hidden
}

.footer {
	font-size: 12px;
	font-family: SimSun;
	height: 20px;
	overflow: hidden;
	padding: 30px 0 45px
}

.footer .link {
	width: 600px;
	float: left
}

.footer span {
	padding: 0 10px
}

.footer .copy-right {
	width: 200px;
	float: right;
	color: orange;
	text-align: right
}

.banner {
	height: 100%
}

.banner .banner-share {
	overflow: hidden;
	position: absolute;
	top: 5px;
	left: 324px;
	*bottom: 12px;
	*zoom: 1
}

.banner .banner-share .bd-share {
	float: left;
	width: 179px
}

.banner .banner-share .bd-share .bdshare-button-style0-16 a {
	/* display: inline; */
	padding-left: 0;
	margin-right: 3px;
	margin-top: 5px;
	float: left;
	height: 26px;
	width: 26px;
	background-position: 0 0!important
}

.banner .banner-share .bd-share .bds_qzone {
	background: url(http://i3.7k7kimg.cn/zixun/2015/0401foolday/qzone.png) no-repeat
}

.banner .banner-share .bd-share .bds_weibo {
	background: url(http://i3.7k7kimg.cn/zixun/2015/0401foolday/weibo.png) no-repeat
}

.banner .banner-share .bd-share .bds_tsina {
	background: url(http://i5.7k7kimg.cn/cms/cms10/20141223/144521_2873.png) no-repeat
}

.banner .banner-share .bd-share a.bds_more {
	background: url(http://i3.7k7kimg.cn/zixun/2015/0401foolday/more-jia.png) no-repeat
}

.banner .banner-share .bd-share .bdshare-button-style0-16 a.bds_count {
	margin: 8px 8px 0 3px;
	width: 52px;
	height: 23px;
	color: #135dbe;
	background: url(http://i3.7k7kimg.cn/zixun/2015/0401foolday/share-count.png) no-repeat;
	text-align: center;
	line-height: 23px
}

.banner .banner-share .favorite {
	/* display: inline; */
	margin-top: 8px;
	margin-right: 6px;
	float: left;
	width: 72px;
	height: 22px;
	background: url(http://i3.7k7kimg.cn/zixun/2015/0401foolday/collect.png) no-repeat
}

.banner .banner-share .selectbox {
	margin-top: 9px;
	float: left
}

.banner .banner-share select {
	width: 170px;
	height: 20px;
	border: 1px solid #e2e2e2;
	color: #7c7c7c;
	font-size: 12px;
	line-height: 20px
}

body {
	background: #dbfde5;
	font-size: 14px
}

.header {
	width: 100%;
	height: 570px;
	background: url(images/01.jpg) center 0 no-repeat
}

.share-box {
	width: 100%;
	height: 186px;
	background: url(images/02.jpg) center 0 no-repeat
}

.glist {
	width: 1000px
}

.glist li {
	width: 148px;
	float: left;
	/* display: inline; */
	margin-right: 17px
}

.glist li img {
	
	border-radius: 3px;
	width: 144px;
	height: 183px
}

.glist li .tnum,.glist li .xia {
	display: block;
	width: 100%;
	text-align: center
}

.glist li .xia {
	height: 50px;
	line-height:47px;
	background: url(images/tp_bg.png) no-repeat;
	margin-top: 8px;
	font-size: 22px;
	color: #fff;
	cursor: pointer;
	margin-left:3px;
	    width: 141px;
}

.glist li .xia:hover {
	background: url(images/tp_bg_h.png) no-repeat
}

.glist li .tnum {
	height: 40px;
	line-height: 40px;
	font-size: 20px;
	color: #309104
}

.title1 {
	width: 100%;
	height: 161px;
	background: url(images/03.jpg) center 0 no-repeat
}

.col-box .clist {
	width: 672px;
	float: left;
	/* display: inline */
}

.col-box .clist li {
	float: left;
	/* display: inline; */
	margin: 0 16px 20px 0
}

.col-box .clist li a {
	display: block;
	width: 100%;
	height: 100%
}

.col-box .r-pl {
	float: right;
	/* display: inline; */
	width: 290px;
	height: 489px;
	border: 1px solid #31a125;
	border-radius: 5px;

}

.col-box .r-pl .plbox,.col-box .r-pl .tell-box {
	width: 256px;
	background: #fff;
	border-radius: 4px
}

.col-box .r-pl .plbox {
	position: relative;
	height: 400px;
	margin: 18px 17px 0;
	overflow: hidden;
	border: 1px solid #31a125;
}

.col-box .r-pl .plbox .join-joke {
	position: absolute;
	left: 0;
	top: 0;
	overflow: hidden;
	width: 230px
}

.col-box .r-pl .plbox .join-joke li {
	padding: 6px 10px;
	font-size: 12px;
	font-family: SimSun;
	color: #939393;
	border-bottom: 1px dotted #b8b8b8;
	line-height: 20px
}

.col-box .r-pl .plbox .join-joke li em {
	font-size: 14px;
	color: #5bc19d
}

.col-box .r-pl .tell-box {
	height: 44px;
	margin: 12px 17px 0;
	border: 1px solid #31a125;
}

.col-box .r-pl .tell-box p {
	float: left;
	width: 172px;
	height: 100%;
	line-height: 44px;
	font-size: 14px;
	color: #333;
	text-indent: 6px
}

.col-box .r-pl .tell-box .send {
	float: left;
	width: 63px;
	height: 32px;
	background:#3f8e35;
	margin-top: 6px;
	border-radius: 6px;
	color:#fff;
	text-decoration: none;
    line-height: 32px;
    padding-left: 6px;
}

.col-box .r-pl .tell-box .send:hover {
	background-position: 0 -32px
}

.title2 {
	width: 100%;
	height: 92px;
	background: url(images/04.jpg) center 0 no-repeat
}

.step-2>div {
	width: 1000px
}

.step-2 .list {
	float: left;
	width: 310px;
	text-align: center;
	margin: 0 23px 0 0
}

.step-2 .list>div {
	width: 308px;
	padding: 1px;
	background-color: #31a125;
	border-radius: 5px;
	overflow: hidden
}

.step-2 h3 {
	font-size: 26px;
	color: #31a125;
	line-height: 52px;
	font-weight: 400
}

.step-2 ul {
	width: 281px;
	background-color: #fff;
	padding: 20px 0 0 26px;
	border-radius: 5px
}

.step-2 li {
	float: left;
	width: 70px;
	margin: 0 23px 10px 0
}

.step-2 li a:hover,.step-2 li a:hover p {
	color: #ff6701
}

.step-2 li img {
	display: block;
	width: 70px;
	height: 72px
}

.step-2 li p {
	width: 72px;
	font-size: 12px;
	color: #3f3f3f;
	line-height: 20px;
	height: 20px;
	margin: 5px 0;
	overflow: hidden
}

.title3 {
	width: 100%;
	height: 153px;
	background: url(images/05.jpg) center 0 no-repeat
}

.step-3 ul {
	width: 1012px
}

.step-3 ul li {
	float: left;
	margin: 15px 33px 0 0
}

.step-3 ul li a {
	display: block;
	text-decoration: none;
	cursor: pointer
}

.step-3 ul li a:hover p {
	color:#6C6
}

.step-3 ul li img {
	display: block;
	width: 218px;
	height: 148px;
	border: 1px solid #31a125;
	border-radius: 3px
}

.step-3 ul li p {
	width: 220px;
	height: 29px;
	text-align: center;
	font-size: 17px;
	color: #fff;
	line-height: 29px;
	margin: 10px 0 20px;
	background:#3f8e35;
	overflow: hidden;
	border-radius:8px;
}

.title4 {
	width: 100%;
	height: 258px;
	background: url(images/06.jpg) center 0 no-repeat
}

.pinglun {
	width: 946px;
	padding: 48px 16px 0;
	border: 1px solid #fc9f19;
	background: #fff
}

.laypop {
	display: none;
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-color: #000;
	z-index: 999;
	filter: alpha(opacity=60);
	opacity: .6
}

.lay-con,.lay-login {
	display: none;
	left: 0;
	top: 0;
	z-index: 9999;
	position: absolute
}

.lay-con {
	width: 388px;
	height: 517px;
	background: url(http://i.7k7kimg.cn/zixun/2016/halloween/img/pop1.png) no-repeat
}

.lay-con .btn {
	width: 100%;
	height: 67px;
	position: absolute;
	left: 0;
	bottom: 0
}

.lay-con .btn a {
	width: 156px;
	height: 38px;
	line-height: 38px;
	color: #fff;
	font-size: 20px;
	padding: 0;
	background: 0 0
}

.lay-con .other-btn {
	float: left;
	margin: 0px 0 0 19px
}

.lay-con .share-btn {
	float: right;
	margin: 11px 19px 0 0
}

.lay-con .close-btn {
	position: absolute;
	right: 0;
	top: 0;
	width: 32px;
	height: 32px
}

.lay-login {
	width: 328px;
	height: 260px;
	font-size: 14px
}

.lay-login p {
	color: #804e04;
	margin: 5px 0 0 55px
}

.lay-login a {
	display: inline-block;
	width: 60px;
	height: 20px;
	overflow: hidden;
	color: #6280ff
}

.lay-login a:hover {
	color: #ff6701
}

.lay-login .loginQQ {
	display: inline-block;
	margin-right: 102px;
	color: #804e04
}

.lay-login .close-btn {
	width: 32px;
	height: 32px;
	position: absolute;
	right: 0;
	top: 5px
}

.lay-login .login-btn {
	display: block;
	width: 248px;
	height: 60px;
	margin: 152px 0 0 34px
}

.tx1 {
	background: url(http://i.7k7kimg.cn/zixun/2016/halloween/img/login_hint1.png) no-repeat
}

.tx2 {
	background: url(http://i.7k7kimg.cn/zixun/2016/halloween/img/login_hint2.png) no-repeat
}